<!DOCTYPE html>
<html lang="zh-cn">
<head>
    <meta charset="utf-8">
    <meta content="yes" name="apple-mobile-web-app-capable">
    <meta content="yes" name="apple-touch-fullscreen">
    <meta content="telephone=no,email=no" name="format-detection">
    <link rel="stylesheet" href="/css/main.css">
    <link rel="stylesheet" href="/css/plugins.css">
    <link rel="stylesheet" href="/css/detail.css">
    <title>软装到家</title>
</head>
<body>
 <!--顶部工具条-->
<div class=" w-100p mini-top-bar">
    <div class="w-1200 margin-0-auto">
        <ul class="nav-left fl">
            <li class="home"><a href="#">欧工首页</a></li>
            <li class="login"><a href="#">登录</a></li>
            <li class="register"><a href="#">注册</a></li>
        </ul>
        <ul class="nav-right fr">
            <li class="order"><a href="#">我的订单</a></li>
            <li class="account"><a href="#">个人中心</a></li>
            <li class="downapp"><a href="#">下载APP</a></li>
        </ul>
    </div>
</div><!--logo 和tags-->
<div class="w-1200 sub-nav margin-0-auto">
    <a class="logo" href="#"><img src="/img/icon/logo.png"></a>
    <a href="#" class="go-shopcart">购物车(<span class="text-red">0</span>)</a>
</div><!--导航-->
<div class="menu-warp  w-100p ">
    <div class="menu w-1200 margin-0-auto">
        <div class="menu-main">
            <div class="menu-title">商品类目</div>
        </div>
        <ul class="menu-list">
            <li><a class="active" href="#">首页</a></li>
            <li><a href="#">爆款特卖</a></li>
            <li><a href="#">品牌家具</a></li>
            <li><a href="#">配套服务</a></li>
            <li><a href="#">样板方案</a></li>
            <li><a href="#">软装百科</a></li>
        </ul>
    </div>
</div><!--产品信息-->
<div class="p-item-grid w-1200 margin-0-auto clear">
	<div class="p-item-preview">
		<div id="preview">
            <div class="zoom">
                <img src="img/other/product.jpg" width="420" height="420"" alt="" id="previewImage">
            </div>
            <div class="thumb-list">
                <a href="javascript:;" class="thumb-control disabled arraw-left"></a>
                <a href="javascript:;" class="thumb-control arraw-right"></a>
                <div class="thumb-items">
                    <ul class="thumb-slider">
                    	<li class="active"><img alt="" src="img/other/thumb-1.png" width="50" height="50"></li>
                    	<li><img alt="" src="img/other/thumb-2.png" width="50" height="50"></li>
                    	<li><img alt="" src="img/other/thumb-1.png" width="50" height="50"></li>
                    	<li><img alt="" src="img/other/thumb-2.png" width="50" height="50"></li>
                    	<li><img alt="" src="img/other/thumb-1.png" width="50" height="50"></li>
                    	<li><img alt="" src="img/other/thumb-2.png" width="50" height="50"></li>
                    	<li><img alt="" src="img/other/thumb-3.jpg" width="50" height="50"></li>
                    </ul>
                </div>
            </div>
        </div>
	</div>
	<div class="p-item-inner">
        <div class="item_title">
            <h1>【明清花梨】 中式平板衣柜两件套 非洲花梨木 典雅中国风 精致铜件 多功能大储物空间</h1>
            <span class="hl_head">仅限体验店销售产品，下单前务必咨询客服</span>
        </div>
        <div class="item-summary">
        	<div class="summary-comment">
                <div class="comment-count">
                	<a class="count" href="#">17</a>
                    <p class="comment">累计评价</p>
                </div>
            </div>
            <div class="summary-success">
                <div class="comment-count">
                	<a class="count" href="#">8</a>
                    <p class="comment">交易成功</p>
                </div>
            </div>
        	<div class="item-price">
        		<div class="item-dt">价格</div>
        		<div class="item-dd">￥2000.00 - 8598.00</div>
        	</div>
        	<div class="item-price">
        		<div class="item-dt">欧工价</div>
        		<div class="item-dd">
        			<strong class="item-price-red">￥5380.00</strong>
        			<a class="item-customized">独家定制</a>
        		</div>
        	</div>
        </div>
        <div class="item-choose">
        	<div class="choose-option">
	        	<div class="dt">类型</div>
	            <div class="dd">
	            	<div class="item-option selected">
	            		<b></b>
	            		<a href="javascript:;">平板衣柜两件套</a>
	            	</div>
	            </div>
        	</div>
        	<div class="choose-option">
        		<div class="dt">颜色</div>
            	<div class="dd">
	            	<div class="item-option selected">
	            		<b></b>
	            		<a href="javascript:;">原木色</a>
	            	</div>
	            </div>
        	</div>
        	<div class="choose-option">
        		<div class="dt">规格</div>
	            <div class="dd">
	            	<div class="item-text">
	            		<a href="javascript:;">平板衣柜两件套  原木色</a>
	            	</div>
	            </div>
        	</div>
        	<div class="choose-option">
	        	<div class="dt">数量</div>
	            <div class="dd">
	            	<div class="choose-amount">
                        <div class="wrap-input">
                            <a class="btn-reduce disabled" href="#">-</a>
                            <a class="btn-add" href="#">+</a>
                            <input class="text" id="buy-num" value="1">
                        </div>
                    </div>
                    <a class="btn-append">加入购物车</a>
	            </div>
        	</div>
        	<div class="choose-option service-wrap">
	        	<div class="dt">服务承诺</div>
	            <div class="dd">
	            	<div class="service-list">
                        <a class="icon-jin">金牌卖家</a>
                        <a class="icon-fu">优质服务</a>
                        <a class="icon-xian">运费险</a>
                    </div>
	            </div>
        	</div>
        </div>
	</div>
	<div class="p-item-ext">
		<div class="extInfo">
            <div class="brand-logo">
		        <a href="#" target="_blank">
		            <img src="img/other/item-logo.png" title="明清花梨">
		        </a>
		    </div>
        	<div class="seller-btns">
                <a class="btn-share" href="#" target="_blank" title="明清花梨"><span>分享</span></a>
                <a class="btn-collect" href="#" target="_blank" title="明清花梨"><span>收藏</span></a>
    		</div>
    		<div class="seller-score-box">
                <a href="#" target="_blank">
                    <div class="score-sum">9.55</div>
                    <div class="score-part score-comment">
                        <span class="score-desc">商品评价</span>
                        <span class="score-detail">
                        	<em title="5分" class="number">5分</em>
                        </span>
                    </div>
                    <div class="score-part">
                        <span class="score-desc">服务态度</span>
                        <span class="score-detail">
                        	<em title="5分" class="number">5分</em>
                        </span>
                    </div>
                    <div class="score-part">
                        <span class="score-desc">物流速度</span>
                        <span class="score-detail">
                        	<em title="5分" class="number">5分</em>
                        </span>
                    </div>
                </a>
           </div>
           <div class="seller-contact">
           		<div class="contact-header">联系卖家</div>
           		<div class="contact-code"><img src="img/other/seller-code.jpg"/></div>
           		<div class="contact-text">产品二维码</div>
           </div>
        </div>
    </div>
</div>
<div class="w-1200 margin-0-auto clear">
	<div class="tab-list-title">
		<ul class="tab-list">
			<li class="active"><span>订单组合</span></li>
			<li class="splider"><span>商品详情</span></li>
			<li class="splider"><span>累积评论<span class="tab-title-num">17</span></span></li>
		</ul>
	</div>
	<div class="tab-list-content">
		<ul class="product-list">
			<li>
                <a href="#">
                    <img src="img/other/zh1.jpg">
                    <p class="name">【明清花梨】 中式平板衣柜两件套</p>
                    <p class="price">
                        <span>￥5380.00</span>  
                        <del class="orign-price">￥8498.00</del>
                    </p>
                </a>
            </li>
            <li class="list-addbtn"></li>
            <li>
                <a href="#">
                    <img src="img/other/zh2.jpg">
                    <p class="name">德工 北欧风格 排骨架大床 简约风格</p>
                    <p class="price">
                        <span>￥5380.00</span>  
                        <del class="orign-price">￥8498.00</del>
                    </p>
                </a>
            </li>
            <li class="list-addbtn"></li>
            <li>
                <a href="#">
                    <img src="img/other/zh3.jpg">
                    <p class="name">德工 北欧风格 实木 双抽 简约风格 </p>
                    <p class="price">
                        <span>￥759.00</span>  
                        <del class="orign-price"></del>
                    </p>
                </a>
            </li>
		</ul>
		<div class="collections-box">
			<span class="collections-text">2件商品搭配总价：</span>
			<span class="collections-price">￥10038</span>
			<a class="btn-append">加入购物车</a>
		</div>
	</div>
</div>
<div class="w-1200 margin-0-auto clear">
	<div class="tab-list-title">
		<ul class="tab-list">
			<li class="active">同品牌商品</li>
			<li>同类商品</li>
		</ul>
	</div>
	<div class="tab-list-content">
		<ul class="product-list">
			<li>
                <a href="#">
                    <img src="img/other/demo1.jpg">
                    <p class="name">【明清花梨】 中式平板衣柜两件套</p>
                    <p class="price">
                        <span>￥5380.00</span>  
                        <del class="orign-price">￥8498.00</del>
                    </p>
                </a>
            </li>
            <li>
                <a href="#">
                    <img src="img/other/demo2.jpg">
                    <p class="name">德工 北欧风格 排骨架大床 简约风格</p>
                    <p class="price">
                        <span>￥5380.00</span>  
                        <del class="orign-price">￥8498.00</del>
                    </p>
                </a>
            </li>
            <li>
                <a href="#">
                    <img src="img/other/demo3.jpg">
                    <p class="name">德工 北欧风格 实木 双抽 简约风格 </p>
                    <p class="price">
                        <span>￥759.00</span>  
                        <del class="orign-price"></del>
                    </p>
                </a>
            </li>
            <li>
                <a href="#">
                    <img src="img/other/demo4.jpg">
                    <p class="name">德工 北欧风格 排骨架大床 简约风格</p>
                    <p class="price">
                        <span>￥5380.00</span>  
                        <del class="orign-price">￥8498.00</del>
                    </p>
                </a>
            </li>
            <li>
                <a href="#">
                    <img src="img/other/demo5.jpg">
                    <p class="name">德工 北欧风格 实木 双抽 简约风格 </p>
                    <p class="price">
                        <span>￥759.00</span>  
                        <del class="orign-price"></del>
                    </p>
                </a>
            </li>
		</ul>
	</div>
</div>
<div class="w-1200 margin-0-auto clear">
	<div class="tab-list-title">
		<ul class="tab-list">
			<li class="active">推荐产品</li>
		</ul>
	</div>
	<div class="tab-list-content">
		<ul class="product-list">
			<li>
                <a href="#">
                    <img src="img/other/demo1.jpg">
                    <p class="name">【明清花梨】 中式平板衣柜两件套</p>
                    <p class="price">
                        <span>￥5380.00</span>  
                        <del class="orign-price">￥8498.00</del>
                    </p>
                </a>
            </li>
            <li>
                <a href="#">
                    <img src="img/other/demo2.jpg">
                    <p class="name">德工 北欧风格 排骨架大床 简约风格</p>
                    <p class="price">
                        <span>￥5380.00</span>  
                        <del class="orign-price">￥8498.00</del>
                    </p>
                </a>
            </li>
            <li>
                <a href="#">
                    <img src="img/other/demo3.jpg">
                    <p class="name">德工 北欧风格 实木 双抽 简约风格 </p>
                    <p class="price">
                        <span>￥759.00</span>  
                        <del class="orign-price"></del>
                    </p>
                </a>
            </li>
            <li>
                <a href="#">
                    <img src="img/other/demo4.jpg">
                    <p class="name">德工 北欧风格 排骨架大床 简约风格</p>
                    <p class="price">
                        <span>￥5380.00</span>  
                        <del class="orign-price">￥8498.00</del>
                    </p>
                </a>
            </li>
            <li>
                <a href="#">
                    <img src="img/other/demo5.jpg">
                    <p class="name">德工 北欧风格 实木 双抽 简约风格 </p>
                    <p class="price">
                        <span>￥759.00</span>  
                        <del class="orign-price"></del>
                    </p>
                </a>
            </li>
            <li>
                <a href="#">
                    <img src="img/other/demo1.jpg">
                    <p class="name">【明清花梨】 中式平板衣柜两件套</p>
                    <p class="price">
                        <span>￥5380.00</span>  
                        <del class="orign-price">￥8498.00</del>
                    </p>
                </a>
            </li>
            <li>
                <a href="#">
                    <img src="img/other/demo2.jpg">
                    <p class="name">德工 北欧风格 排骨架大床 简约风格</p>
                    <p class="price">
                        <span>￥5380.00</span>  
                        <del class="orign-price">￥8498.00</del>
                    </p>
                </a>
            </li>
            <li>
                <a href="#">
                    <img src="img/other/demo3.jpg">
                    <p class="name">德工 北欧风格 实木 双抽 简约风格 </p>
                    <p class="price">
                        <span>￥759.00</span>  
                        <del class="orign-price"></del>
                    </p>
                </a>
            </li>
            <li>
                <a href="#">
                    <img src="img/other/demo4.jpg">
                    <p class="name">德工 北欧风格 排骨架大床 简约风格</p>
                    <p class="price">
                        <span>￥5380.00</span>  
                        <del class="orign-price">￥8498.00</del>
                    </p>
                </a>
            </li>
            <li>
                <a href="#">
                    <img src="img/other/demo5.jpg">
                    <p class="name">德工 北欧风格 实木 双抽 简约风格 </p>
                    <p class="price">
                        <span>￥759.00</span>  
                        <del class="orign-price"></del>
                    </p>
                </a>
            </li>
		</ul>
	</div>
</div>
<div class="bottom-warp w-100p">
     <div class="bottom w-1200 margin-0-auto">
       <div class="promise-label">
           <ul>
               <li>
                   <div class="tag-icon icon-you"></div>
                   <h2>优质保障</h2>
                   <p>品质护航 购物无忧</p>
               </li>
               <li>
                   <div class="tag-icon icon-qi"></div>
                   <h2>七天无理由退货</h2>
                   <p>提供售后无忧保障</p>
               </li>
               <li>
                   <div class="tag-icon icon-te"></div>
                   <h2>特色O2O体验</h2>
                   <p>线上浏览 线下体验</p>
               </li>
               <li>
                   <div class="tag-icon icon-zhun"></div>
                   <h2>准时送达</h2>
                   <p>一诺千金 准时准点</p>
               </li>
           </ul>
       </div>   
       <div class="help-box">
           <div class="callme">
               <h2>服务热线</h2>
               <p>0717-6971101</p>
               <a href="#">用户反馈</a>
           </div>
           <div class="help-list">
               <dl>
                   <dt>欧工质检</dt>
                   <dd><a href="#">购物流程</a></dd>
                   <dd><a href="#">支付方式</a></dd>
                   <dd><a href="#">发票制度</a></dd>
               </dl>
               <dl>
                   <dt>服务保障</dt>
                   <dd><a href="#">100%正品</a></dd>
                   <dd><a href="#">免费送货</a></dd>
                   <dd><a href="#">七天退换</a></dd>
               </dl>
               <dl>
                   <dt>配送方式</dt>
                   <dd><a href="#">物流配送</a></dd>
                   <dd><a href="#">安装说明</a></dd>
                   <dd><a href="#">收货指南</a></dd>
               </dl>
               <dl>
                   <dt>售后服务</dt>
                   <dd><a href="#">退换货政策</a></dd>
                   <dd><a href="#">退换货流程</a></dd>
               </dl>
               <dl>
                   <dt>关于我们</dt>
                   <dd><a href="#">公司简介</a></dd>
                   <dd><a href="#">联系我们</a></dd>
                   <dd><a href="#">招商合作</a></dd>
               </dl>
           </div>
           <div class="download">
               <p>手机欧工</p>
               <img src="/img/other/qcode.jpg">
           </div>
       </div>  
     </div>
</div><div class="copyright-warp w-100p">
    <div class="copyright">
        <p>Copyright © 2016 ycoggj.com 欧工国际软装 版权所有</p>
    </div>
</div><script type="text/javascript" src="/js/lib.js"></script>
<script type="text/javascript" src="/js/plugins.js"></script>
<script type="text/javascript" src="/js/modules.js"></script>
<script type="text/javascript">
    $(document).ready(function(){
        var thumbs = $('.thumb-slider li').length;
        var thumbWidth = 73;
        var currentIndex = 0;
        $('.thumb-slider').width(thumbWidth * thumbs);
        $('.arraw-left').click(function(){
        	if(currentIndex == 0)return;
        	var width = thumbWidth * (currentIndex - 1);
        	$('.thumb-slider').animate({"left":-width + 'px'}, 300);
        	currentIndex -= 1;
        });
        $('.arraw-right').click(function(){
        	if(currentIndex == (thumbs-5))return;
        	var width = thumbWidth * (currentIndex + 1);
        	$('.thumb-slider').animate({"left":-width + 'px'}, 300);
        	currentIndex += 1;
        });
        $('.thumb-slider li').click(function(){
        	$('.thumb-slider li.active').removeClass('active');
        	$(this).addClass('active');
        	var image = $(this).find('img').attr('src');
        	$('#previewImage').attr('src', image);
        });
    }); 
</script>
</body>
</html>
